
<div class="container col-md-11">
    <div style="text-align: right;">
        <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#div-modal" onclick="toAddProduct()">添加</button>
        <button class="btn btn-success" onclick="takeProducts(0)">批量上架</button>
        <button class="btn btn-warning" onclick="takeProducts(1)">批量下架</button>
        <button class="btn btn-danger">批量删除</button>
    </div>
    <!--动态渲染加载图标-->
    <div id="searchAlertPlaceholder" class="row d-flex justify-content-center"></div>
    <table class="table table-bordered ">
        <h6 id="textShowResult" class="text-dark">共0条结果</h6>
        <thead class="table-primary">
        <tr>
            <td style="width: 3%"><input id="cb_all" type="checkbox" >全选</td>
            <td style="width: 3%;">商品ID</td>
            <td style="width: 5%;">供应商名称</td>
            <td style="width: 6%;">
                <span>商品名称</span>
            </td>
            <td style="width:5%">商品类型
                <div class="btn-group pt-0 pb-0">
                    <button type="button" class="btn dropdown-toggle dropdown-toggle-split pt-0 pb-0" data-bs-toggle="dropdown" aria-expanded="false">
                        <span class="visually-hidden">商品类型下拉菜单</span>
                    </button>
                    <ul id="prodtype-dropdown-menu" class="dropdown-menu">
                    </ul>
                </div>
            </td>
            <td style="width:3%">商品价格</td>
            <td style="width:3%">商品库存</td>
            <td style="width:9%">商品图片</td>
            <td style="width:10%">操作</td>
        </tr>
        </thead>
        <tbody id="tbody-product">
        </tbody>
    </table>
<!--    分页信息（动态渲染）-->
    <div id="div-admin-product-page"></div>

</div>